<%page args="section_data" expression_filter="h"/>
<%!
from django.utils.translation import gettext as _
from datetime import datetime, timedelta
import pytz
%>
<div class="proctoring-wrapper">
  % if section_data.get('mfe_view_url'):
  <div id="proctoring-mfe-view">
    <iframe width="100%" style="height: 55vh;" frameborder="0" src="${ section_data['mfe_view_url'] }"></iframe>
  </div>
  % else:
    % if section_data.get('escalation_email'):
    <h6 class = "hd hd-6 escalation-email-container">${_('Proctoring Escalation Email:')} ${ section_data['escalation_email'] }</h6>
    % endif
    <div id="proctoring-accordion">
      <div class="wrap">
        <h3 class="hd hd-3 special-exam-header">${_('Allowance Section')}</h3>
        <div class="special-allowance-container" data-course-id="${ section_data['course_id'] }"></div>
      </div>
      % if section_data['show_onboarding']:
      <div class="wrap">
        <h3 class="hd hd-3 special-exam-header">${_('Student Onboarding Status')}</h3>
        <div class="student-onboarding-status-container" data-course-id="${ section_data['course_id'] }"></div>
      </div>
      % endif
      <div class="wrap">
        <h3 class="hd hd-3 special-exam-header">${_('Student Special Exam Attempts')}</h3>
        <div class="student-proctored-exam-container" data-course-id="${ section_data['course_id'] }"></div>
      </div>
      % if section_data['show_dashboard']:
      <div class="wrap">
        <h3 class="hd hd-3 special-exam-header">${_('Review Dashboard')}</h3>
        <div class="student-review-dashboard-container" data-course-id="${ section_data['course_id'] }"></div>
      </div>
      % endif
    </div>
  % endif
</div>
